<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>成交清算</title>
    <link rel="stylesheet" href="layui/css/layui.css" media="all" />
    <script src="layui/css/layui.css" type="text/javascript"></script>
</head>
<body>
<script src="layui/layui.js"></script>
<script>
    layui.use('table', function () {
        var table = layui.table;
        var form = layui.form;
        var $ = layui.jquery;
        var layer = layui.layer;

        //温馨提示：默认由前端自动合计当前行数据。从 layui 2.5.6 开始： 若接口直接返回了合计行数据，则优先读取接口合计行数据。
        //详见：/docs/modules/table.html#totalRow
        table.render({
            height: 'full-55'
            , minLength: 60,
            elem: '#myTable'
            , url: 'cashBargin'
            , toolbar: '#toolbarDemo'
            , title: '成交清算嘎查表'
            , cols: [[
                {type: 'checkbox', field: 'left'}
                , {field: 'securityId', title: '证券代码'}
                , {field: 'fundName', title: '基金名称'}
                , {field: 'tradeNum', title: '数量'}
                , {field: 'fees', title: '佣金费'}
                , {field: 'transferFee', title: '过户费'}
                , {field: 'handlingFee', title: '经手费'}
                , {field: 'stampDuty', title: '印花税'}
                , {field: 'collectionFee', title: '征管费'}
                , {field: 'tradeMoney', title: '交易费额'}
                , {field: 'settleMoney', title: '实付金额'}

            ]]
            , page: true
        })
    });
</script>
<table id="myTable" lay-filter="myTable" ></table>
</body>
</html>